webpackJsonp([60],{

/***/ 1970:
/***/ (function(module, exports) {

module.exports = {
  "content": [
    "article",
    {

    },
    [
      "h2",
      "在视图变化时保持上下文"
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "滑入与滑出示例",
        "src": "https://os.alipayobjects.com/rmsportal/EejaUGsyExkXyXr.mp4"
      }
    ],
    [
      "p",
      "滑入与滑出：可以有效构建虚拟空间。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "传送带示例",
        "src": "https://os.alipayobjects.com/rmsportal/GIutPgZMTyfFfrH.mp4"
      }
    ],
    [
      "p",
      "传送带：可极大地扩展虚拟空间。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "折叠窗口示例",
        "src": "https://os.alipayobjects.com/rmsportal/ERKhqHlcHiCDSQu.mp4"
      }
    ],
    [
      "p",
      "折叠窗口：在视图切换时，有助于保持上下文，同时也能拓展虚拟空间。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "hr"
    ],
    [
      "h2",
      "解释刚刚发生了什么"
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "对象增加示例",
        "description": "新增一条对象时，该行『高亮』告知用户这是新增项；几秒后『高亮』消失，以免过度干扰用户。",
        "src": "https://os.alipayobjects.com/rmsportal/FqkQMyFqNqielOw.mp4"
      }
    ],
    [
      "p",
      "对象增加：在列表/表格中，新增了一个对象。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "对象删除示例",
        "src": "https://os.alipayobjects.com/rmsportal/pnNkNIMoowmGUQy.mp4"
      }
    ],
    [
      "p",
      "对象删除：在列表/表格中，删除了一个对象。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "对象更改示例",
        "description": "状态一：用户更改了『详情』中的值；<br>状态二：用户点击『保存』后，详情所在的网格出现『黄底』，表明该对象发生了更改；<br>状态三：底色持续几秒后，恢复正常。",
        "src": "https://os.alipayobjects.com/rmsportal/XrUIWmsmOlEnZGc.mp4"
      }
    ],
    [
      "p",
      "对象更改：在列表/表格中，更改了一个对象。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "video",
      {
        "class": "transition-video-player",
        "alt": "对象呼出示例",
        "src": "https://os.alipayobjects.com/rmsportal/gSNilqbiXOufDXF.mp4"
      }
    ],
    [
      "p",
      "对象呼出：点击页面中元素，呼出一个新对象。"
    ],
    [
      "hr"
    ],
    [
      "h2",
      "改善感知性能"
    ],
    [
      "p",
      "当无法有效提升『实际性能』时，可以考虑适当转移用户的注意力，来缩短某项操作的感知时间，改善感知性能。"
    ],
    [
      "p",
      [
        "br"
      ]
    ],
    [
      "hr"
    ],
    [
      "h2",
      "自然运动"
    ],
    [
      "p",
      "参见 ",
      [
        "a",
        {
          "title": null,
          "href": "http://motion.ant.design/language/time"
        },
        "Ant Motion 动画语言"
      ],
      "。"
    ]
  ],
  "meta": {
    "category": "原则",
    "order": 9,
    "title": "巧用过渡",
    "filename": "docs/spec/transition.zh-CN.md"
  },
  "description": [
    "section",
    [
      "p",
      "人脑灰质（Gray Matter）会对动态的事物（eg：移动、形变、色变等）保持敏感。在界面中，适当的加入一些过渡效果，能让界面保持生动，同时也能增强用户和界面的沟通。"
    ],
    [
      "ul",
      [
        "li",
        [
          "p",
          "Adding: 新加入的信息元素应被告知如何使用，从页面转变的信息元素需被重新识别。"
        ]
      ],
      [
        "li",
        [
          "p",
          "Receding: 与当前页无关的信息元素应采用适当方式移除。"
        ]
      ],
      [
        "li",
        [
          "p",
          "Normal: 指那些从转场开始到结束都没有发生变化的信息元素。"
        ]
      ]
    ]
  ],
  "toc": [
    "ul",
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#在视图变化时保持上下文",
          "title": "在视图变化时保持上下文"
        },
        "在视图变化时保持上下文"
      ]
    ],
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#解释刚刚发生了什么",
          "title": "解释刚刚发生了什么"
        },
        "解释刚刚发生了什么"
      ]
    ],
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#改善感知性能",
          "title": "改善感知性能"
        },
        "改善感知性能"
      ]
    ],
    [
      "li",
      [
        "a",
        {
          "className": "bisheng-toc-h2",
          "href": "#自然运动",
          "title": "自然运动"
        },
        "自然运动"
      ]
    ]
  ]
};

/***/ })

});